<h2>人员登记系统</h2>

<div class="people_list">
    <ul>
        <li>姓名：<input [(ngModel)]="peopleInfo.username" type="text" class="textInput"></li>
        <li>性别：
            <input type="radio" value="1" id="sexBoy" [(ngModel)]="peopleInfo.sex"><label for="sexBoy"
                name="sex">男</label>&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="radio" value="2" id="sexGirl" [(ngModel)]="peopleInfo.sex"><label for="sexGirl"
                name="sex">女</label>
        </li>
        <li>
            城市：<select name="city" id="city" [(ngModel)]="peopleInfo.selectCity">
                <option *ngFor="let item of peopleInfo.cityList;let key=index" [value]="item">{{item}}</option>
            </select>
        </li>
        <li>
            爱好：<span *ngFor="let item of peopleInfo.hobbies;let key = index"><input [(ngModel)]="item.checked"
                    type="checkbox" name="" [id]="'item'+key"><label
                    [for]="'item'+key">{{item.title}}</label>&nbsp;&nbsp;&nbsp;&nbsp;</span>
        </li>
    </ul>
    <!-- <button (click)="doSubmit()">获取表单内容</button> -->
    {{peopleInfo | json}}
</div>